<template>
  <HeaderNav/>
  <article>
    <!-- 网站主体 -->
    <div id="main">
      <section class="ct">
		  <h1 class="attent-title">修改密码</h1>
		  
		  <div class="bg-hr"></div>

        <div class="upload">
          <form action="" method="post">
            <p>
              <label>旧密码：</label>
              <input class="upt" type="password" name="" value="" placeholder="请输入旧密码"/>
              <em></em>
            </p>
            <p>
              <label>新密码：</label>
              <input class="upt" type="password" name="" value="" placeholder="请输入新密码"/>
              <em></em>
              <span class="source-tag-msg">密码长度为6~20</span>
            </p>
            <p>
              <label>确认密码：</label>
              <input class="upt" type="password" name="" value="" placeholder="请再次输入新密码"/>
              <em></em>
              <span class="source-tag-msg">两次输入的密码必须保持一致</span>
            </p>

            <p><label class="btn"><a class="btn">确认修改</a></label></p>
          </form>
        </div>
      </section>
    </div>
  </article>
  <Footer/>
</template>

<script>
import HeaderNav from "../components/HeaderNav.vue";
import Footer from "../components/Footer.vue";

export default {
  components: {
    HeaderNav,
    Footer,
  },
}
</script>

